.scroller-component {
    display: block;
    position: relative;
    height: 238px;
    overflow: hidden;
    width: 100%;
  }
  .scroller-content {
    position: absolute;
    background: rgba(255,255,255,.9)!important;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1!important;
  }
.scroller-mask {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    margin: 0 auto;
    width: 100%;
    z-index: 3;
    transform: translateZ(0px);
    background-image:
      -webkit-linear-gradient(top, rgba(255,255,255,0.95),rgba(255,255,255,0.6)),
      -webkit-linear-gradient(bottom, rgba(255,255,255,0.95), rgba(255,255,255,0.6));
    background:
      linear-gradient(to bottom, rgba(255,255,255,0.95), rgba(255,255,255,0.6)),
      linear-gradient(to top, rgba(255,255,255,0.95), rgba(255,255,255,0.6));
    background-position: top, bottom;
    background-size: 100% 100px;
    background-repeat: no-repeat;
  }
  .vux-flexbox{
    background: #fff!important;
  }
  .scroller-indicator {
    width: 100%;
    height: 50px!important;
    line-height: 50px!important;
    position: absolute;
    left: 0;
    top: 100px;
    -webkit-z-index: 3!important;
    z-index: 3!important;
    -webkit-transform: translate3d(0,0,1px)!important;
    transform: translate3d(0,0,1px)!important;
    background-image:
      -webkit-linear-gradient(top, #EB2135, #EB2135),
      -webkit-linear-gradient(bottom, #EB2135, #EB2135)!important;
    background-image:
      linear-gradient(to bottom, #EB2135, #EB2135),
      linear-gradient(to top, #EB2135, #EB2135)!important;
    background-position: top, bottom!important;
    background-size: 54% 2px!important;
    background-repeat: no-repeat;
  }
  .scroller-item {
    line-clamp: 1;
    height: 50px!important;
    line-height: 54px!important;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Ubuntu-Medium;
    font-size: 17px;
    color: #AAAAAA;
    letter-spacing: 0;
    line-height: 48px;
  }
  .vux-popup-header-left{
    font-family: Ubuntu-Regular!important;
    font-size: 14px!important;
    color: #666666!important;
    letter-spacing: 0;
  }
  .vux-popup-header-title{
    font-family: Ubuntu-Medium!important;
    font-size: 16px!important;
    color: #181818!important;
    letter-spacing: 0;
  }
  .vux-popup-header-right{
    font-family: Ubuntu-Regular!important;
    font-size: 14px!important;
    color: #666666!important;
    letter-spacing: 0;
  }
  .vux-popup-header{
    background: rgba(255,255,255,.9)!important;
    height: 50px!important;
    line-height:50px!important;
  }
  .vux-1px-b:after{
    margin: 0 15px!important;
  }
  .vux-popup-picker-select{
    padding-left: 1px!important;
  }
.dp-header .dp-item.dp-right{
  color:#EB2135!important;
}

// 切换宝宝
.switch-popup{
  background:#fff!important;
  border-radius: 10px 10px 0 0;
  .header{
    padding:23px 0 15px;
    border-bottom: 1px solid #EDEDED;
    position: relative;
    h4{
      text-align: center;
      font-size:18px;
      font-family:PingFang-SC-Regular;
      font-weight:400;
      color:rgba(38,38,38,1);
    }
    .close{
      width:18px;
      height: 18px;
      position: absolute;
      right:15px;
      top:20px;
    }
  }
  .con{
    .switch-popup-btn{
      background:#F56363;
      height:50px;
      line-height: 50px;
      border-radius: 0;
      font-size:14px;
      font-weight:400;
      color:rgba(255,255,255,1);
      &:after{
        border-radius: 0;
      }
    }
    .weui-cells_radio{
      padding:20px 15px 20px;
      .weui-cell{
        display: flex;
        height: 48px;
        line-height: 48px;
        justify-content:space-between;
        .weui-cell__bd{
          .vux-radio-label{
            font-size:15px;
            font-family:PingFang-SC-Regular;
            font-weight:400;
            color:rgba(38,38,38,1);
          }
        }
        .weui-cell__ft{

        }
      }
    }
    .weui-cells_radio .weui-check:checked + .weui-icon-checked:before{
      color:#F56363;
      content: '\EA06';
    }
  }
}


.top-wrapper{
  .top-l{
    position: fixed;
    top:0;
    display: block;
    width: 100%;
    padding: 0;
    color: #434343;
    text-align: center;
    white-space: nowrap;
    font-size: 20px;
    font-weight: normal;
    height: 46px;
    background-color: #fff;
    z-index: 999;
    .back-box{
      width:100%;
      text-align: center;
      img{
        width:12px;
        float: left;
        margin:12px 0 0 12px;
      }
    }
  }
  .top-c{
    height: 46px;
  }
  .top-title{
    color: #434343;
    font-size: 16px;
    line-height: 46px;
  }
}
